<template>
  <Component
    :is="icon"
    :theme="theme"
    :size="size"
    :spin="spin"
    :fill="fill"
    :strokeLinecap="strokeLinecap"
    :strokeLinejoin="strokeLinejoin"
    :strokeWidth="strokeWidth"
  />
</template>

<script setup lang="ts">
import type { Icon } from '@icon-park/vue-next/lib/runtime'

defineProps<{
  icon: Icon
  theme?: 'outline' | 'filled' | 'two-tone' | 'multi-color'
  size?: number | string
  spin?: boolean
  fill?: string | string[]
  strokeLinecap?: 'butt' | 'round' | 'square'
  strokeLinejoin?: 'miter' | 'round' | 'bevel'
  strokeWidth?: number
}>()
</script>
